@charset "utf-8";
/*--------------- 
总体 
---------------*/
body { position:relative; width:100%; font:normal 14px/30px "微软雅黑"; background:#fff; color:#777; }
a { text-decoration:none; color:#777; }
a:hover { color:#0b8be6; }
.wrapper { position:relative; margin:0 auto; width:1200px; }
h2, h3, h4, h5 { font-weight:normal; }
hr { border:0; border-bottom:1px #ccc solid; height:1px; }
/*--------------- 
头部 
---------------*/
.top { height:40px; line-height:40px; background:#085c99; color:#fff; }
.top a { color:#fff; }
.welcome { float:left; }
.notice { float:right; margin-top:8px; padding-left:20px; min-width:5px; min-height:20px; background:url(../images/notice.png) no-repeat; }
.notice sub { display:inline-block; margin-top:8px; width:15px; height:15px; line-height:15px; text-align:center; font-size:12px; border:1px #fff solid; border-radius:20px; color:#fff; background:#db0f16; }
header { width:100%; }
header button { display:none; }
header h1 { float:left; margin:10px 0; padding-left:60px; width:350px; height:80px; font-size:28px; font-weight:600; line-height:50px; color:#085c99; background:url(../images/logo.png) no-repeat left center; }
header h1 span { display:block; line-height:normal; font-size:12px; font-weight:normal; color:#999; }
.tel { float:right; margin-top:35px; font-size:18px; color:#085c99; }
.tel strong { position:relative; top:-5px; font-size:30px; }
.flow { border-bottom:3px #ddd solid; border-top:1px #ddd solid; }
.flow li { display:inline-block; padding:20px 0; width:33%; text-align:center; font-size:18px; color:#999; }
.flow li.active { margin-bottom:-3px; color:#30a1f2; border-bottom:3px #30a1f2 solid; }
.flow i { display:inline-block; margin-right:5px; width:26px; height:26px; line-height:26px; font-style:normal; border-radius:26px; color:#fff; background:#999; }
.flow li.active i { background:#30a1f2; }
.register { float:right; margin-top:35px; margin-left:45px; }
.register a { display:inline-block; margin-left:10px; width:80px; height:30px; line-height:30px; text-align:center; border-radius:5px; background:#f2a60c; color:#fff; }
.register a.pwd { background:#16b8d9; }
/*--------------- 
banner
---------------*/
.banner { position:relative; width:100%; height:280px; overflow:hidden; }
.singleBanner { height:350px; background:#0b8be6; }
.banner ul li { position:absolute; left:0; top:0; width:100%; height:100%; }
.banner img { position:absolute; left:50%; top:0; margin-left:-960px; width:1920px; height:280px; }
.banner ol { position:absolute; left:0; bottom:-15px; width:100%; text-align:center; }
.banner ol li { display:inline-block; *display:inline; *zoom:1; margin:0 5px; width:180px; height:5px; background:#fff; border-radius:5px; cursor:pointer; }
.banner ol li.active { background:#f2a60c; }
.singleBanner img { height:350px; }
.singleBanner section { position:absolute; left:50%; margin-left:-525px; padding-top:90px; width:1050px; line-height:normal; text-align:center; font-size:40px; color:#fff; text-shadow:0 1px 1px #1969a3; }
.singleBanner section div { float:right; width:50%; }
.singleBanner section h4 { font-size:60px; font-weight:600; color:#f2a60c; }
.singleBanner a { display:inline-block; margin-top:20px; padding:5px 30px; border:1px #fff solid; border-radius:5px; color:#fff; }

.flow1 { position:relative; margin:150px auto 100px auto; padding:70px 0; width:900px; text-align:center; font-size:20px; background:#f9f9f9; }
.flow1 p { padding:20px 0; }
.email { position:absolute; top:-65px; left:50%; margin-left:-65px; width:120px; height:120px; border:5px #f9f9f9 solid; border-radius:120px; background:#fff url(../images/email.png) no-repeat center center; }
.letter { height:100px; line-height:60px; font-size:24px; color:#30a1f2; background:url(../images/letter.png) no-repeat center center; }
.tie { margin-top:15px; padding-top:6px; height:40px; line-height:40px; font-size:18px; background:url(../images/tie.png) no-repeat center bottom; color:#fff; }
.tie span { padding-left:30px; font-size:14px; color:#ffff00; }
.alert { display:inline-block; width:23px; height:18px; background:url(../images/alert.png) no-repeat; }
.flow0 { margin:90px 300px 150px 300px; }
.flow2 { margin:90px 300px 100px 200px; }
.flow0 table, .flow2 table { width:100%; font-size:16px; }
.flow0 th, .flow0 td, .flow2 th, .flow2 td { padding:12px 0; line-height:40px; }
.flow2 tr:first-child th, .flow2 tr:first-child td { padding-top:0; }
.flow0 th { padding-right:20px; width:80px; text-align:right; }
.flow2 th { position:relative; padding-left:50px; padding-right:20px; width:120px; text-align:right; border-left:2px #30a1f2 solid; }
.flow2 th.noB { border-left:0 none; }
.flow2 th.hrB { padding-right:0; padding-bottom:0; }
.flow0 td, .flow2 td { position:relative; font-size:14px; }
.flow0 i, .flow2 i { font-style:normal; color:#da0e15; }
.flow0 input[type=text], .flow2 input[type=text], .flow2 input[type=password] { width:500px; height:40px; line-height:40px; text-indent:1em; border:1px #ccc solid; }
.flow0 input[type=checkbox] { margin-right:10px; }
.flow0 input[type=submit], .flow2 input[type=submit] { width:160px; height:50px; line-height:50px; font-family:"微软雅黑"; font-size:18px; border:0 none; color:#fff; background:#30a1f2; cursor:pointer; }
.flow0 input[disabled=disabled], .flow2 input[disabled=disabled] { background:#ccc; cursor:default; }
.flow0 input.code { margin-right:20px; width:400px; }
.flow0 p, .flow2 p { position:absolute; left:100%; top:15px; width:200px; }
.flow2 h4 { font-size:18px; color:#000; }
.flow2 hr { border-bottom:1px #ccc dashed; }
.icon { position:absolute; left:-27px; top:0; width:50px; height:50px; background:#30a1f2 url(../images/icon1.png) no-repeat center center; border-radius:50px; }
.icon22 { top:10px; background-image:url(../images/icon22.png); }
.icon33 { top:10px; background-image:url(../images/icon33.png); }
.error { color:#f15b5c; }
.error i, .ok i { position:relative; top:3px; display:inline-block; margin:0 7px; width:16px; height:16px; background:url(../images/error.png) no-repeat; }
.ok i { background-image:url(../images/ok.png); }
.flow0 img { margin-top:5px; }
.link { color:#30a1f2; }
.loginBtn { display:inline-block; margin-top:12px; padding:0 7px; height:25px; line-height:25px; background:#f2a60c; color:#fff; }
.flowText { padding:0 10px; line-height:50px; }
.flow3 { margin:100px auto; font-size:18px; text-align:center; }
.right { display:inline-block; margin-bottom:40px; width:100px; height:100px; border:5px #f2a60c solid; border-radius:100px; background:#ffbb33 url(../images/right.png) no-repeat center center; }
.flow3 h3 { font-size:30px; }
.flow3 h3 strong { color:#f2a60c; }
.flow3 p { padding:10px 30px 70px 30px; }
.linkBtn { display:inline-block; margin:0 5px; width:220px; height:50px; line-height:50px; background:#f2a60c; color:#fff; }
.linkBtn:hover { color:#fff; }
.linkBtn2 { background:#16b8d9; }
.linkBtn3 { background:#30a1f2; }
/*--------------- 
portal 
---------------*/
.portal hr { clear:both; border-bottom:1px #eee solid; }
.mainTitle { margin:20px 0 10px 0; height:50px; line-height:50px; font-size:22px; color:#085c99; border-bottom:2px #ddd solid; }
.subTitle { float:left; margin:20px 4px 20px 0; padding-top:40px; width:130px; height:110px; font-size:20px; text-align:center; color:#fff; background:#0a8be7 url(../images/trii.png) no-repeat 25px 75px; }
.subTitle2 { background-color:#ffbb33; }
.subTitle3 { background-color:#50cde6; }
.subTitle4 { background-color:#e64578; }
.sinList { padding-top:20px; padding-bottom:20px; }
.sinListNo { padding-bottom:80px; }
.sinList li { display:inline-block; margin-left:24px; width:148px; height:148px; font-size:16px; text-align:center; border:1px #ddd solid;cursor: pointer }
.sinList li:hover { background:#0a8be7; border-color:#0a8be7; }
.sinList2 li:hover { background:#ffbb33; border-color:#ffbb33; }
.sinList3 li:hover { background:#50cde6; border-color:#50cde6; }
.sinList4 li:hover { background:#e64578; border-color:#e64578; }
.sinList li a { display:block; }
.sinList li:hover a { color:#fff; }
.sinList figure { display:inline-block; margin:30px 0 8px 0; width:50px; height:50px; overflow:hidden; }
.sinList img { width:50px; height:100px; }
.sinList li:hover img { margin-top:-50px; }
.float { position:fixed; right:0; top:50%; margin-top:-60px; }
.float li { margin-bottom:1px; width:110px; height:40px; line-height:40px; background:#bbb; }
.float a { display:block; width:100%; height:100%; color:#fff; }
.float a:hover { background:#0a8be7; }
.float i { float:left; margin:10px 8px 0 8px; width:20px; height:20px; background:url(../images/float1.png) no-repeat; }
.float i.float2 { background-image:url(../images/float2.png); }
.float i.float3 { background-image:url(../images/float3.png); }
/*--------------- 
底部 
---------------*/
footer { clear:both; line-height:30px; width:100%; background:#085c99; color:#fff; }
footer address { float:left; padding:40px 0; width:500px; }
footer img { float:right; width:80px; height:80px; margin-top:40px; }

@media screen and (max-width:1024px) {
    .wrapper { padding:0 2%; width:96%; }
    .tel { margin-top:15px; text-align:right; }
    .tel strong { display:block; top:0; }
    .flow li { width:32%; }
    .flow0, .flow2 { margin:90px auto; }
    .flow0 p, .flow2 p { position:static; width:200px; }
    .icon { left:10px; top:5px; width:35px; height:35px; background-size:cover; }
    .icon22, .icon33 { top:15px; }
    .register { margin-top:15px; margin-bottom:-10px; margin-left:0; }
    .singleBanner img { display:none; }
    .singleBanner section { position:static; margin-left:0px; width:100%; }
    .singleBanner section div { float:none; padding:0 20px; width:auto; }
    .sinList li { margin-left:0; margin-bottom:5px; }
    .float { display:none; }
}
@media screen and (max-width:768px) {
    .flow1 { width:100%; }
    .register a { width:65px; }
}
@media screen and (max-width:480px) {
    header h1 { padding-left:0; width:34px; height:50px; text-indent:-9999px; background-size:34px 50px; }
    .welcome { font-size:12px; }
    .tel { margin-top:20px; font-size:16px; }
    .tel strong { display:inline; font-size:20px; }
    .flow li { padding:10px 0; font-size:12px; }
    .flow i { margin-right:0; width:15px; height:15px; line-height:15px; }
    .flow1 { margin:50px auto; padding:30px 0; font-size:16px; }
    .flow1 p { padding:10px; }
    .email { top:-35px; margin-left:-35px; width:60px; height:60px; background-size:cover; }
    .flow0, .flow2, .flow3 { margin:30px auto; }
    .flow0 th, .flow0 td, .flow2 th, .flow2 td { display:inline-block; padding:0; width:100%; text-align:left; }
    .flow0 input[type=text], .flow2 input[type=text], .flow2 input[type=password] { width:90%; }
    .flow0 input.code { width:50%; }
    .flowText { display:block; line-height:30px; }
    .icon { position:static; display:inline-block; margin-right:10px; margin-top:7px; width:25px; height:25px; }
    .flow2 th { border:0 none; }
    .flow2 h4 { display:inline; }
    .flow3 h3 { font-size:24px; }
    .flow3 h3 strong { display:block; }
    .flow3 p { padding-bottom:30px; }
    .right { width:80px; height:80px; background-size:cover; }
    .linkBtn { margin-bottom:5px; }
    footer { text-align:center; }
    footer address { float:none; padding:20px; width:auto; font-size:12px; }
    footer img { float:none; margin-top:0; margin-bottom:20px; }
    .banner { height:140px; }
    .singleBanner { height:350px; }
    .singleBanner section { font-size:22px; }
    .singleBanner ol li { width:50px; }
    .register { margin-bottom:-20px; }
    .subTitle { float:none; margin-bottom:0; padding:0; width:100%; height:40px; line-height:40px; background-image:none; }
    .sinList li { width:128px; height:128px; }
    .sinListNo { padding-bottom:40px; }
}
